<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>金博会抽奖活动</title>
<link rel="shortcut icon" href="http://www.csselite.pl/hosting_template/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/lottery/css/reset.css">
<link rel="stylesheet" type="text/css" href="/lottery/css/screen.css">
<style type="text/css">
br { clear: both; }
.cntSeparator {
	font-size: 54px;
	margin: 10px 7px;
	color: #000;
}
.desc { margin: 7px 3px; }
 
.desc div {
	float: left;
	font-family: Arial;
	width: 70px;
	margin-right: 65px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
} 
</style>

<!-- ikonki http://www.freeiconsdownload.com/Free_Downloads.asp?id=837 -->
<script type="text/javascript" async="" src="/lottery/js/ga.js"></script><script type="text/javascript" src="/lottery/js/jquery.js"></script>
<script type="text/javascript" src="/lottery/js/easing.1.3.js"></script>
<script type="text/javascript" src="/lottery/js/backgroundanimation.js"></script>
<script type="text/javascript" src="/lottery/js/coda-slider.js"></script>
<script type="text/javascript" src="/lottery/js/cufon.js"></script><style type="text/css">cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}</style>
<script type="text/javascript" src="/lottery/js/TitilliumText22L_Rg_400-TitilliumText22L_Rg_700.font.js"></script>
<script type="text/javascript" language="javascript" src="/lottery/js/ext-base.js"></script>
<script type="text/javascript" language="javascript" src="/lottery/js/ext-all.js"></script>
<script type="text/javascript" language="javascript" src="/lottery/js/number.js"></script>
<script type="text/javascript" language="javascript" src="/lottery/js/jquery.countdown.js"></script>
<script type="text/javascript" src="/lottery/js/scripts.js"></script>
<script type="text/javascript">

$('document').ready(function() {
	stage = '';							//阶段
	$('#selectStage').val('');			//设置默认值
	$('#selectPrize').val('');			//设置默认值
	
	$('#buttonStop').attr('disabled', true);		//停止按钮不能使用

	//使抽奖区居中
	$(window).scroll(function() {
		var scrollTop = $(window).scrollTop();
		if(scrollTop > 180) {
			$('.third').css('position', 'relative');
			$('.third').css('top', scrollTop - 180);
		}
	})

	//设置奖项标题
	$('#selectPrize').change(function() {
		var tempValue = $(this).children('option:selected').val();
		$('#titlePrize').text(tempValue);
	})
	
	//阶段发生改变
	$('#selectStage').change(function() {
		stage = $(this).children('option:selected').val();

		//名单全部置为未公布
		$('li[id^="A_"]').text('未公布');
		$('li[id^="B_"]').text('未公布');
		$('li[id^="C_"]').text('未公布');
		$('li[id^="D_"]').text('未公布');
//		$('li[id^="E_"]').text('未公布');
//		$('li[id^="F_"]').text('未公布');

		//读取阶段的得奖名单
		if(stage) {
			$('#buttonStart').attr('disabled', true);		//开始按钮不能使用
			
			Ext.Ajax.request({
				url: '/lottery/ticket_getAllWinTicket',
				success: function(response, opts) {
					var obj = Ext.decode(response.responseText);
					var data = obj.data;
					for(var i = 0; i < data.length; i++) {
						var ticket = data[i];
						if(ticket.prize.indexOf(stage) == 0) {
							var tempId = ticket.prize;
							tempId = tempId.replace(stage + '_', '');
							Ext.get(tempId).update(ticket.code);
						}
					}

					$('#buttonStart').attr('disabled', false);		//开始按钮能够使用
				}
			});
		}

		//设置标题文字
		switch(stage) {
			case('FIRST'):  
				$('#titleStage').text('第一阶段');
				break;
			case('SECOND'):  
				$('#titleStage').text('第二阶段');
				break;
			case('THIRD'):  
				$('#titleStage').text('第三阶段');
				break;
			case('FOURTH'):  
				$('#titleStage').text('第四阶段');
				break;
			case('FIFTH'):  
				$('#titleStage').text('第五阶段');
				break;
			case('SIXTH'):  
				$('#titleStage').text('第六阶段');
				break;
		} 
	});
	
});

//得奖者名单生成
function setRandomView() {
	var randomCode = 0;
	while(randomCode >= 100000 || randomCode < 10000) {
		randomCode = Math.round(Math.random() * 100000);
	}

	Ext.get('code').update(randomCode);
}

function startRandomView() {
	if(!stage) {
		alert('先选择阶段，再进行抽奖活动！');
		return;
	}
	
	$('#buttonStart').attr('disabled', true);		//开始按钮不能使用
	
	prizeId = '';		//奖品ID
	code = '';			//得奖号码
	getWinTicket();		//从服务器获取中奖号码

	stopFlag = setInterval('setRandomView()', 80);
}

function stopRandomView() {
	clearInterval(stopFlag);

	$('#buttonStop').attr('disabled', true);		//停止按钮不能使用
	$('#buttonStart').attr('disabled', false);		//开始按钮能够使用
	
	Ext.get('code').update(code);
	Ext.get(prizeId).update(code);

}

//抽奖券输入
function saveTicket() {
	var code = $('#inputCode').val();
	Ext.Ajax.request({
		url: '/lottery/ticket_saveOrUpdate',
		params: {code: code},
		success: function(response, opt) {
			var obj = Ext.decode(response.responseText);
			if(obj.success) {
				$('#saveFailure').hide();

				$('#saveSuccess').text('');
				$('#saveSuccess').show();
				$('#saveSuccess').text(obj.msg);

				$('#inputCode').val('');	
			}
			else {
				$('#saveSuccess').hide();

				$('#saveFailure').text('');
				$('#saveFailure').show();
				$('#saveFailure').text(obj.msg);

				$('#inputCode').val('');
			}
		}
	});
}

//查询抽奖券是否中奖
function getAwardTicket() {
	var code = $('#awardCode').val();
	Ext.Ajax.request({
		url: '/lottery/ticket_getAwardTicket',
		params: {code: code},
		success: function(response, opt) {
			var obj = Ext.decode(response.responseText);
			if(obj.success) {
				$('#awardFailure').hide();
				$('#awardSuccess').hide();

				$('#awardSuccess').text('');
				$('#awardSuccess').show();
				$('#awardSuccess').text(obj.msg);
			}
			else {
				$('#awardSuccess').hide();
				$('#awardFailure').hide();

				$('#awardFailure').text('');
				$('#awardFailure').show();
				$('#awardFailure').text(obj.msg);

				$('#awardCode').val('');
			}
		}
	});
}

//设置抽奖券已经兑奖
function setTicketToAward() {
	var code = $('#awardCode').val();
	Ext.Ajax.request({
		url: '/lottery/ticket_setTicketToAward',
		params: {code: code},
		success: function(response, opt) {
			var obj = Ext.decode(response.responseText);
			if(obj.success) {
				$('#awardFailure').hide();
				$('#awardSuccess').hide();

				$('#awardSuccess').text('');
				$('#awardSuccess').show();
				$('#awardSuccess').text(obj.msg);

				$('#awardCode').val('');
			}
			else {
				$('#awardSuccess').hide();
				$('#awardFailure').hide();

				$('#awardFailure').text('');
				$('#awardFailure').show();
				$('#awardFailure').text(obj.msg);

				$('#awardCode').val('');
			}
		}
	});
}

//设置下次开奖时间
function setNextTime() {	
	var nextTime = $('#nextTime').val();
	var tempArray = nextTime.split(':');
	var nextHour = parseInt(tempArray[0]);
	var nextMinute = parseInt(tempArray[1]);

	var date = new Date();
	var nowHour = date.getHours();
	var nowMinute = date.getMinutes();

	if(nextMinute < nowMinute) {
		nextHour--;
		nextMinute += 60;
	}
		
	var hour = nextHour - nowHour;
	var minute = nextMinute - nowMinute;

	var strHour = '';
	var strMinute = '';

	if(hour == 0) {
		strHour = '00';
	}
	else if(hour < 10) {
		strHour = '0' + hour;
	}
	else {
		strHour = hour;
	}

	if(minute == 0) {
		strMinute = '00';
	}
	else if(minute < 10) {
		strMinute = '0' + minute;
	}
	else {
		strMinute = minute;
	}

	$('#time').empty();
	$('#time').countdown({
		image: '/lottery/images/common/digits.png',
		startTime: strHour + ':' + strMinute + ':00',
		format: 'hh:mm:ss'
	}); 
}
</script>
</head>
<body class="">

<!-- header ends here --><div class="full_width" style="background-color: #F7F7F7; padding-top: 10px;">
	<div style="background-image: url('/lottery/images/common/logoNew.png'); width: 960px; height: 64px; margin: auto">&nbsp;</div>
	<div class="holder">
		<div class="clearfix"></div>
	</div>
</div>

<div style="background-color: #F7F7F7; padding-top: 20px; padding-bottom: 20px;">
	<div style="width: 760px; margin: auto">
		<div id="time" style="float: right"></div>
		<div style="font-size: 60px; font-weight: bold; color: #206488">距离开奖时间</div>
	</div>
</div>

<div id="main_part" class="full_width">
	<!-- main part starts bere -->
	<div class="holder">
		<!-- keeps things in the center -->
		<div class="two_third float_left">
		<!--  
			<h1>抽奖规则</h1>
			<p class="welcome_note" style="text-indent: 2em;">1.每天上午十一点、下午三点开始抽奖。
			2.您抽奖券上的条形码将被扫描入库，请保存你的抽奖券，以备兑奖。
			3.兑奖截止时间为12月18日十六点半，过时未认领奖品由组委会处置。
			4.金博会网站（）将实时公布抽奖结果。</p>
		-->
			<h2 style="background-color: #FF1B00; color: white; font-size: 20px; font-weight: bold; text-align: center"><span id="titleStage"></span> 得奖者名单</h2>
			<div class="product">
				<div class="plan_box" id="plan_blogger">
					<table>
						<tr>
							<td colspan="2" style="font-size: 15px; font-weight: bold; color: red; line-height: 20px; text-align: center;">一等奖<br/>--42吋康佳液晶电视机</td>
						</tr>
						<tr>
							<td>&nbsp;</td>
							<td>
								<ul>
									<li id="A_1">未公布</li>
								</ul>
							</td>
						</tr>
						<tr>
							<td colspan="2" style="font-size: 15px; font-weight: bold; color: red; line-height: 20px; text-align: center;">二等奖--红酒</td>
						</tr>
						<tr>
							<td>
								<ul>
									<li>第1位</li>
									<li>第2位</li>
									<li>第3位</li>
									<li>第4位</li>
									<li>第5位</li>
									<li>第6位</li>
									<li>第7位</li>
									<li>第8位</li>
									<li>第9位</li>
									<li>第10位</li>
									<li>第11位</li>
									<li>第12位</li>
									<li>第13位</li>
									<li>第14位</li>
									<li>第15位</li>
									<li>第16位</li>
									<li>第17位</li>
									<li>第18位</li>
									<li>第19位</li>
									<li>第20位</li>
									<li>第21位</li>
									<li>第22位</li>
									<li>第23位</li>
									<li>第24位</li>
									<li>第25位</li>
									<li>第26位</li>
									<li>第27位</li>
									<li>第28位</li>
									<li>第29位</li>
									<li>第30位</li>
								</ul>
							</td>
							<td>
								<ul>
									<li id="B_1">未公布</li>
									<li id="B_2">未公布</li>
									<li id="B_3">未公布</li>
									<li id="B_4">未公布</li>
									<li id="B_5">未公布</li>
									<li id="B_6">未公布</li>
									<li id="B_7">未公布</li>
									<li id="B_8">未公布</li>
									<li id="B_9">未公布</li>
									<li id="B_10">未公布</li>
									<li id="B_11">未公布</li>
									<li id="B_12">未公布</li>
									<li id="B_13">未公布</li>
									<li id="B_14">未公布</li>
									<li id="B_15">未公布</li>
									<li id="B_16">未公布</li>
									<li id="B_17">未公布</li>
									<li id="B_18">未公布</li>
									<li id="B_19">未公布</li>
									<li id="B_20">未公布</li>
									<li id="B_21">未公布</li>
									<li id="B_22">未公布</li>
									<li id="B_23">未公布</li>
									<li id="B_24">未公布</li>
									<li id="B_25">未公布</li>
									<li id="B_26">未公布</li>
									<li id="B_27">未公布</li>
									<li id="B_28">未公布</li>
									<li id="B_29">未公布</li>
									<li id="B_30">未公布</li>
								</ul>
							</td>
						</tr>
						<tr>
							<td colspan="2" style="font-size: 15px; font-weight: bold; color: red; line-height: 20px; text-align: center;">三等奖--音箱</td>
						</tr>
						<tr>
							<td>
								<ul>
									<li>第1位</li>
									<li>第2位</li>
									<li>第3位</li>
									<li>第4位</li>
									<li>第5位</li>
									<li>第6位</li>
									<li>第7位</li>
									<li>第8位</li>
									<li>第9位</li>
									<li>第10位</li>
									<li>第11位</li>
									<li>第12位</li>
									<li>第13位</li>
									<li>第14位</li>
									<li>第15位</li>
									<li>第16位</li>
									<li>第17位</li>
									<li>第18位</li>
									<li>第19位</li>
									<li>第20位</li>
								</ul>
							</td>
							<td>
								<ul>
									<li id="C_1">未公布</li>
									<li id="C_2">未公布</li>
									<li id="C_3">未公布</li>
									<li id="C_4">未公布</li>
									<li id="C_5">未公布</li>
									<li id="C_6">未公布</li>
									<li id="C_7">未公布</li>
									<li id="C_8">未公布</li>
									<li id="C_9">未公布</li>
									<li id="C_10">未公布</li>
									<li id="C_11">未公布</li>
									<li id="C_12">未公布</li>
									<li id="C_13">未公布</li>
									<li id="C_14">未公布</li>
									<li id="C_15">未公布</li>
									<li id="C_16">未公布</li>
									<li id="C_17">未公布</li>
									<li id="C_18">未公布</li>
									<li id="C_19">未公布</li>
									<li id="C_20">未公布</li>
								</ul>
							</td>
						</tr>
					</table>
				</div>
			</div>
			
			<div class="middle product">
				<div class="plan_box" id="plan_seopro">
					<table>
						<tr>
							<td colspan="2" style="font-size: 15px; font-weight: bold; color: red; line-height: 20px; text-align: center;">三等奖--音箱</td>
						</tr>
						<tr>
							<td>
								<ul>
									<li>第21位</li>
									<li>第22位</li>
									<li>第23位</li>
									<li>第24位</li>
									<li>第25位</li>
									<li>第26位</li>
									<li>第27位</li>
									<li>第28位</li>
									<li>第29位</li>
									<li>第30位</li>
								</ul>
							</td>
							<td>
								<ul>
									<li id="C_21">未公布</li>
									<li id="C_22">未公布</li>
									<li id="C_23">未公布</li>
									<li id="C_24">未公布</li>
									<li id="C_25">未公布</li>
									<li id="C_26">未公布</li>
									<li id="C_27">未公布</li>
									<li id="C_28">未公布</li>
									<li id="C_29">未公布</li>
									<li id="C_30">未公布</li>
								</ul>
							</td>
						</tr>
						<tr>
							<td colspan="2" style="font-size: 15px; font-weight: bold; color: red; line-height: 20px; text-align: center;">四等奖--品酒劵</td>
						</tr>
						<tr>
							<td>
								<ul>
									<li>第1位</li>
									<li>第2位</li>
									<li>第3位</li>
									<li>第4位</li>
									<li>第5位</li>
									<li>第6位</li>
									<li>第7位</li>
									<li>第8位</li>
									<li>第9位</li>
									<li>第10位</li>
									<li>第11位</li>
									<li>第12位</li>
									<li>第13位</li>
									<li>第14位</li>
									<li>第15位</li>
									<li>第16位</li>
									<li>第17位</li>
									<li>第18位</li>
									<li>第19位</li>
									<li>第20位</li>
									<li>第21位</li>
									<li>第22位</li>
									<li>第23位</li>
									<li>第24位</li>
									<li>第25位</li>
									<li>第26位</li>
									<li>第27位</li>
									<li>第28位</li>
									<li>第29位</li>
									<li>第30位</li>
									<li>第31位</li>
									<li>第32位</li>
									<li>第33位</li>
									<li>第34位</li>
									<li>第35位</li>
									<li>第36位</li>
									<li>第37位</li>
									<li>第38位</li>
									<li>第39位</li>
									<li>第40位</li>
								</ul>
							</td>
							<td>
								<ul>
									<li id="D_1">未公布</li>
									<li id="D_2">未公布</li>
									<li id="D_3">未公布</li>
									<li id="D_4">未公布</li>
									<li id="D_5">未公布</li>
									<li id="D_6">未公布</li>
									<li id="D_7">未公布</li>
									<li id="D_8">未公布</li>
									<li id="D_9">未公布</li>
									<li id="D_10">未公布</li>
									<li id="D_11">未公布</li>
									<li id="D_12">未公布</li>
									<li id="D_13">未公布</li>
									<li id="D_14">未公布</li>
									<li id="D_15">未公布</li>
									<li id="D_16">未公布</li>
									<li id="D_17">未公布</li>
									<li id="D_18">未公布</li>
									<li id="D_19">未公布</li>
									<li id="D_20">未公布</li>
									<li id="D_21">未公布</li>
									<li id="D_22">未公布</li>
									<li id="D_23">未公布</li>
									<li id="D_24">未公布</li>
									<li id="D_25">未公布</li>
									<li id="D_26">未公布</li>
									<li id="D_27">未公布</li>
									<li id="D_28">未公布</li>
									<li id="D_29">未公布</li>
									<li id="D_30">未公布</li>
									<li id="D_31">未公布</li>
									<li id="D_32">未公布</li>
									<li id="D_33">未公布</li>
									<li id="D_34">未公布</li>
									<li id="D_35">未公布</li>
									<li id="D_36">未公布</li>
									<li id="D_37">未公布</li>
									<li id="D_38">未公布</li>
									<li id="D_39">未公布</li>
									<li id="D_40">未公布</li>
								</ul>
							</td>
						</tr>
					</table>
				</div>
			</div>
			
			<div class="product">
				<div class="plan_box" id="plan_business">
					<table>
						<tr>
							<td colspan="2" style="font-size: 15px; font-weight: bold; color: red; line-height: 20px; text-align: center;">四等奖--品酒劵</td>
						</tr>
						<tr>
							<td>
								<ul>
									<li>第41位</li>
									<li>第42位</li>
									<li>第43位</li>
									<li>第44位</li>
									<li>第45位</li>
									<li>第46位</li>
									<li>第47位</li>
									<li>第48位</li>
									<li>第49位</li>
									<li>第50位</li>
									<li>第51位</li>
									<li>第52位</li>
									<li>第53位</li>
									<li>第54位</li>
									<li>第55位</li>
									<li>第56位</li>
									<li>第57位</li>
									<li>第58位</li>
									<li>第59位</li>
									<li>第60位</li>
									<li>第61位</li>
									<li>第62位</li>
									<li>第63位</li>
									<li>第64位</li>
									<li>第65位</li>
									<li>第66位</li>
									<li>第67位</li>
									<li>第68位</li>
									<li>第69位</li>
									<li>第70位</li>
									<li>第71位</li>
									<li>第72位</li>
									<li>第73位</li>
									<li>第74位</li>
									<li>第75位</li>
									<li>第76位</li>
									<li>第77位</li>
									<li>第78位</li>
									<li>第79位</li>
									<li>第80位</li>
									<li>第81位</li>
									<li>第82位</li>
									<li>第83位</li>
									<li>第84位</li>
									<li>第85位</li>
									<li>第86位</li>
									<li>第87位</li>
									<li>第88位</li>
									<li>第89位</li>
									<li>第90位</li>
									<li>第91位</li>
									<li>第92位</li>
									<li>第93位</li>
									<li>第94位</li>
									<li>第95位</li>
									<li>第96位</li>
									<li>第97位</li>
									<li>第98位</li>
									<li>第99位</li>
									<li>第100位</li>
								</ul>
							</td>
							<td>
								<ul>
									<li id="D_41">未公布</li>
									<li id="D_42">未公布</li>
									<li id="D_43">未公布</li>
									<li id="D_44">未公布</li>
									<li id="D_45">未公布</li>
									<li id="D_46">未公布</li>
									<li id="D_47">未公布</li>
									<li id="D_48">未公布</li>
									<li id="D_49">未公布</li>
									<li id="D_50">未公布</li>
									<li id="D_51">未公布</li>
									<li id="D_52">未公布</li>
									<li id="D_53">未公布</li>
									<li id="D_54">未公布</li>
									<li id="D_55">未公布</li>
									<li id="D_56">未公布</li>
									<li id="D_57">未公布</li>
									<li id="D_58">未公布</li>
									<li id="D_59">未公布</li>
									<li id="D_60">未公布</li>
									<li id="D_61">未公布</li>
									<li id="D_62">未公布</li>
									<li id="D_63">未公布</li>
									<li id="D_64">未公布</li>
									<li id="D_65">未公布</li>
									<li id="D_66">未公布</li>
									<li id="D_67">未公布</li>
									<li id="D_68">未公布</li>
									<li id="D_69">未公布</li>
									<li id="D_70">未公布</li>
									<li id="D_71">未公布</li>
									<li id="D_72">未公布</li>
									<li id="D_73">未公布</li>
									<li id="D_74">未公布</li>
									<li id="D_75">未公布</li>
									<li id="D_76">未公布</li>
									<li id="D_77">未公布</li>
									<li id="D_78">未公布</li>
									<li id="D_79">未公布</li>
									<li id="D_80">未公布</li>
									<li id="D_81">未公布</li>
									<li id="D_82">未公布</li>
									<li id="D_83">未公布</li>
									<li id="D_84">未公布</li>
									<li id="D_85">未公布</li>
									<li id="D_86">未公布</li>
									<li id="D_87">未公布</li>
									<li id="D_88">未公布</li>
									<li id="D_89">未公布</li>
									<li id="D_90">未公布</li>
									<li id="D_91">未公布</li>
									<li id="D_92">未公布</li>
									<li id="D_93">未公布</li>
									<li id="D_94">未公布</li>
									<li id="D_95">未公布</li>
									<li id="D_96">未公布</li>
									<li id="D_97">未公布</li>
									<li id="D_98">未公布</li>
									<li id="D_99">未公布</li>
									<li id="D_100">未公布</li>
								</ul>
							</td>
						</tr>
					</table>
				</div>
			</div>
			
			<div class="clearfix"></div>
			
			<div class="clearfix"></div>
		</div>
		<div class="third float_left">
			<h4 class="color">抽奖券输入区</h4>
			
			<!-- <h4>Your account</h4> -->
<div id="login_panel">
	<div id="saveSuccess" style="background-color: green; color: white; font-size: 15px; margin-bottom: 10px; display: none;"></div>
	<div id="saveFailure" style="background-color: red; color: white; font-size: 15px; margin-bottom: 10px; display: none;"></div>
	<form action="http://www.csselite.pl/hosting_template/index.php" method="post" onsubmit="return false">
		<label>抽奖券号码 </label>
		<input class="long" type="text" id="inputCode" name="domain">
		<label>&nbsp;</label>
		<input name="LOG_IN" type="submit" class="button" value="提交" id="LOG_IN" onclick="saveTicket()">
	</form>
</div>
			<h4 class="color">得奖者名单生成区--<span id="titlePrize"></span></h4>
			<div id="support_message">
				<label>抽奖阶段选择</label>
				<select id="selectStage">
					<option value="">请选择阶段</option>
					<option value="FIRST">第一阶段</option>
					<option value="SECOND">第二阶段</option>
					<option value="THIRD">第三阶段</option>
					<option value="FOURTH">第四阶段</option>
					<option value="FIFTH">第五阶段</option>
					<option value="SIXTH">第六阶段</option>
				</select>
				<h1 style="text-align: center; font-size: 40px; color: red"></h1>
				
				<label>抽取奖项级别</label>
				<select id="selectPrize">
					<option value="" selected="selected">请选择阶段</option>
					<option value="一等奖">一等奖</option>
					<option value="二等奖">二等奖</option>
					<option value="三等奖">三等奖</option>
					<option value="四等奖">四等奖</option>
				</select>
				<h1 id="code" style="text-align: center; font-size: 40px; color: red"></h1>
				
				<label>&nbsp;</label>
				<input name="SEND" type="submit" class="button" value="开始" id="buttonStart" onclick="startRandomView()">
				<label>&nbsp;</label>
				<input name="SEND" type="submit" class="button" value="停止" id="buttonStop" onclick="stopRandomView()">
			</div>
				
			<h4 class="color">得奖者兑奖区</h4>
			<div id="support_message">
				<div id="awardSuccess" style="background-color: green; color: white; font-size: 15px; margin-bottom: 10px; display: none;"></div>
				<div id="awardFailure" style="background-color: red; color: white; font-size: 15px; margin-bottom: 10px; display: none;"></div>
				<form action="http://www.csselite.pl/hosting_template/index.php" method="post" onsubmit="return false">
					<label>抽奖劵号码</label>
					<input class="long" type="text" id="awardCode" name="support_domain1">
					<label>&nbsp;</label>
					<input name="SEND" type="submit" class="button" value="查询" id="SEND" onclick="getAwardTicket()">
					<label>&nbsp;</label>
					<input name="SEND" type="submit" class="button" value="成功兑奖" id="SEND" onclick="setTicketToAward()">
				</form>
			</div>
				
			<h4 class="color">输入下次开奖时间</h4>
			<div id="support_message">
				<form action="http://www.csselite.pl/hosting_template/index.php" method="post" onsubmit="return false">
					<label>下次开奖时间</label>
					<input class="long" type="text" id="nextTime" name="support_domain">
					<label>&nbsp;</label>
					<input name="SEND" type="submit" class="button" value="确认" id="SEND" onclick="setNextTime()">
				</form>
			</div>
			
		</div>
	</div>
	<div class="clearfix"></div>
</div>

<!--big foot ends here -->
<div id="bottom" class="full_width">
	<!-- bottom starts here -->
	<div class="holder">
		<p>主办：深圳市金博会 | 指导：中国人民银行深圳市中心支行</p>
	</div>
</div>
</body>
</html>